<template>
	<view class="Jy_deta_empty_component" :style="startPadding ? 'margin: 20rpx;' : ''">
		<view class="Jy_deta_empty_container" :style="{'background-color': bgColor}">
			<view class="image_box"><image :src="imageUrl" mode="widthFix"></image></view>
			<view class="text_box">
				<text>{{ tipsText }}</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'DataEmpty',
	props: {
		imageUrl: {
			type: String,
			default: ''
		},
		tipsText: {
			type: String,
			default: ''
		},
		bgColor: {
			type: String,
			default: 'rgba(0, 0, 0, 0)'
		},
		startPadding: false,
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.Jy_deta_empty_component {
	.Jy_deta_empty_container {
		display: flex;
		flex-direction: column;
		border-radius: 10rpx;
		justify-content: center;
		.image_box {
			width: 340rpx;
			margin: 0 auto;
			display: flex;
			image {
				width: 100%;
			}
		}
		
		.text_box {
			margin-bottom: 40rpx;
			margin-top: 10rpx;
			color: #444444;
			font-size: 26rpx;
			text-align: center;
		}
	}
}
</style>
